<template>
  <div class="cata">
    <div class="left-box">
      <!-- 摘要 -->
      <div class="abs">
        <h4>摘要</h4>
        <p>本发明涉及无人机技术领域，尤其是一种无人机空管语音通信系统。包括机载通信系统和地面通信系统，所述机载通信系统通过电台与外部空管单位、飞行器进行通信，飞行器进行通信，所述机载通信系统具有编解码器用于通信数据的转换；所述机载通信系统和地面通信系统均通过各自的编解码器与无人机指挥与控制数据链路进行双向通信。本发明在不改变现有空管单位设备和工作方式的前提下，通过现有的数据链路实现了无人机操作人员与空管单位之间的语音通信</p>
      </div>
      <!-- 著录项 -->
      <div class="description">
        <h4>著录项</h4>
        <dl class="item-box">
          <dd>
            <span class="tit">申请号</span>
            <span class="info">CN201680000829.9</span>
          </dd>
          <dd>
            <span class="tit">申请日</span>
            <span class="info">20160203</span>
          </dd>
          <dd>
            <span class="tit">公开（公告）号</span>
            <span class="info">CN106068517A</span>
          </dd>
          <dd>
            <span class="tit">公开日</span>
            <span class="info">20161102</span>
          </dd>
          <dd>
            <span class="tit">申请（专利权）人</span>
            <span class="info">指纹卡有限公司</span>
          </dd>
          <dd>
            <span class="tit">发明人</span>
            <span class="info">埃里克·塞特贝里</span>
          </dd>
          <dd>
            <span class="tit">主分类号</span>
            <span class="info">G06K9/00</span>
          </dd>
          <dd>
            <span class="tit">分类号</span>
            <span class="info">G06K9/00 A61B5/1172</span>
          </dd>
          <dd>
            <span class="tit">地址</span>
            <span class="info">瑞典哥德堡</span>
          </dd>
          <dd>
            <span class="tit">国省代码</span>
            <span class="info">瑞典,SE</span>
          </dd>
          <dd>
            <span class="tit">优先权</span>
            <span class="info">20150206 SE1550135-6</span>
          </dd>
          <dd>
            <span class="tit">代理机构</span>
            <span class="info">北京集佳知识产权代理有限公司</span>
          </dd>
          <dd>
            <span class="tit">代理人</span>
            <span class="info">唐京桥;陈炜</span>
          </dd>
          <dd>
            <span class="tit">国际申请</span>
            <span class="info">20160203 PCT/SE2016/050082</span>
          </dd>
          <dd>
            <span class="tit">国际公布</span>
            <span class="info">20160811 WO/2016/126196</span>
          </dd>
          <dd>
            <span class="tit">进入国家日期</span>
            <span class="info">20160906</span>
          </dd>
        </dl>
      </div>
    </div>
    <!-- <div class="right-box">
      <ul class="img-box">
        <li><img src="@/assets/img/details-01.png"></li>
        <li><img src="@/assets/img/details-01.png"></li>
        <li><img src="@/assets/img/details-01.png"></li>
      </ul>
    </div> -->
  </div>
</template>

<script>
export default {
  data() {
    return {

    }
  }
}
</script>

<style lang="scss" scoped>
.cata {
  position: relative;
  width: 100%;
  .left-box {
    /* padding-right: 240px;
    margin-right: 20px; */
    .abs {
      position: relative;
      width: 100%;
      padding: 0 30px 30px;
      background-color: #f3f6f9;
      h4 {
        padding-top: 20px;
        padding-bottom: 10px;
        font-size: 14px;
        font-weight: bold;
        color: #504da5;
      }
      p {
        line-height: 30px;
        font-size: 14px;
        color: #86899e;
      }
    }
    .description {
      position: relative;
      width: 100%;
      margin-top: 20px;
      h4 {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 14px;
        font-weight: bold;
        color: #4f515b;
      }
      .item-box {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        dd {
          display: flex;
          align-items: center;
          width: 50%;
          height: 50px;
          border-bottom: 1px dashed #e5e7f0;
          &:nth-child(1) {
            border-top: 1px dashed #e5e7f0;
          }
          .tit {
            width: 120px;
            font-size: 14px;
            color: #86899e;
          }
          .info {
            flex: 1;
            font-size: 14px;
            color: #4f515b;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
        }
      }
    }
  }
  .right-box {
    position: absolute;
    top: -40px;
    right: 0;
    width: 240px;
    min-height: 100px;
    padding: 30px;
    background-color: #f3f6f9;
    .img-box {
      width: 100%;
      list-style: none;
      li {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        border: 1px solid #f0f1f3;
        box-sizing: border-box;
        margin-bottom: 20px;
        background-color: #fff;
        &:last-child {
          margin-bottom: 0;
        }
      }
    }
  }
}
</style>